<template>
	<view class="pb120">
		<view class="w720 mg15 d-col">
			<view class="w660 mg10 border_1_333333 br30 pd20">
				<view class="d-bt">
					<view class="w150 h150">
						<image style="width: 150rpx; height: 150rpx;" :src="deviceInfo.deviceImg"></image>
					</view>
					<view class="w510 ml10 d-col">
						<view class="fts24">名称：{{ deviceInfo.deviceName }}</view>
						<view class="fts24 mt10">规格：{{ deviceInfo.deviceSpec }}</view>
						<view class="fts24 mt10">类型：{{ deviceInfo.typeName }}</view>
						<view class="fts24 mt10">设备：{{ deviceInfo.equiCode }}（{{deviceInfo.equiAddress}}）</view>
					</view>
				</view>
			</view>
		</view>
		<view class="pd30 w690 fts24">
			<view class="d-bt w690 h90 border_bottom_1">
				<view class="label">预计归还日期：</view>
				<view class="vals">
					<picker mode="date" @change="onDateChange" :value="DateValue">
						<view class="date-picker">{{DateValue}}</view>
					</picker>
				</view>
			</view>
			<view class="d-bt w690 h90 border_bottom_1">
				<view class="label">预计归还时间：</view>
				<view class="vals">
					<picker mode="time" @change="onDateChanges" :value="expectTimeHi">
						<view class="date-picker">{{expectTimeHi}}</view>
					</picker>
				</view>
			</view>
			<view class="d-bt w690 h90 border_bottom_1">
				<view class="label">借用审批人：</view>
				<view class="vals">
					<picker mode="selector" range-key="userName" :range="adminList" @change="onPickerChange">
						<view>{{selectedItem}}</view>
					</picker>
				</view>
			</view>
		</view>
		<view class="pos_bottom w690 mg30 h80 mb50">
			<view class="w690 h80 br10 bg_3274CB d-center ftc_fff" @click="submitInfo">提交申请</view>
		</view>
	</view>
</template>
<script>
	import mixin from "./mixin";
	import mixinCom from "@/utils/mixinCom.js";
	export default {
		name: "tabbarIndex",
		mixins: [mixin, mixinCom]
	}
</script>

<style lang="scss" scoped>
	@import './index.scss';
</style>